<template>
  <el-container style="height: 700px; border: 1px solid #ccc;">  
    <el-header style="background-color: #f0f0f0; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #ccc;">  
      <h1 style="font-size: xx-large;" v-if="props.id">{{ notice.title }}</h1>  
    </el-header>  
    <el-container style="border-left: 1px solid #ccc;">  
      <el-main style="background-color: white; box-shadow: inset 0px 3px 5px rgba(0,0,0,0.1); border-left: 1px solid #ccc; height: 100%;">  
        <div v-html="notice.content"></div>  
      </el-main>  
    </el-container>  
  </el-container>    
</template>

<script setup>  
import { get,post } from '@/plugins/axios';
import {ref,reactive} from "vue"
import { Path } from '@/constant/index'
const props = defineProps(['id'])
const emits = defineEmits(['update:show','getTableData'])
let notice = ref({})
getNoticeById()
function getNoticeById(){
  get(Path.noticeGetById,{id:props.id},content => {
    notice.value = content
    getUsersByTitle(notice.value.title)
  })
}
</script>  

<style lang="scss" scoped>

</style>